mixin ms_normal(index)
  li.ms_edit(idx=index/2, class=index==0?'on':'')
    .ms_preview.ms_normal
      h2.common_h2 普通板块
      include ./normal.pug
      +normal(index/2)

    .edit_box.tab_group
      h2.common_h2 普通模块设置编辑区
      .tab_nav
        i.tab_n.on(idx=0) 内容编辑
        i.tab_n(idx=1) 模块样式编辑
      .tab_panel
        .pane
          .dl
            .dt 商品编码:
            .dd
              input.goods_number(type="text")
              button.confirm 确定
              table.datatable
                thead
                  th SKU
                  th 本店售价
                  th 标题
                  th 图片
                  th 排序
                  th 操作
                tbody
                  tr
                    td
                      input(type="text")
                    td
                      input(type="text")
                    td
                      input(type="text")
                    td
                      input(type="text")
                    td
                      input(type="text" value=0)
                    td.action
                      button.table_del 删除
                  tr
                    td
                      input(type="text")
                    td
                      input(type="text")
                    td
                      input(type="text")
                    td
                      input(type="text")
                    td
                      input(type="text" value=1)
                    td.action
                      button.table_del 删除
                  tr
                    td
                      input(type="text")
                    td
                      input(type="text")
                    td
                      input(type="text")
                    td
                      input(type="text")
                    td
                      input(type="text" value=2)
                    td.action
                      button.table_del 删除
                  tr
                    td
                      input(type="text")
                    td
                      input(type="text")
                    td
                      input(type="text")
                    td
                      input(type="text")
                    td
                      input(type="text" value=3)
                    td.action
                      button.table_del 删除
                  tr
                    td
                      input(type="text")
                    td
                      input(type="text")
                    td
                      input(type="text")
                    td
                      input(type="text")
                    td
                      input(type="text" value=4)
                    td.action
                      button.table_del 删除

              .datatabletip 编辑说明：<br>请输入商品对应的sku，鼠标移开将自动调取商品的图片，价格
        .pane.on
          .dl
            .dt 显示平台:
            .dd
              i.label.checkbox(name='plateform', type=0) PC
              i.label.checkbox(name='plateform', type=1) M
              i.label.checkbox(name='plateform', type=2) APP
          .dl
            .dt 本店售价:
            .dd
              .label.radio.on(name='shopPrice', type=1) 显示
              .label.radio(name='shopPrice', type=0) 不显示
          .dl
            .dt 折扣角标:<br><i style="font-size:12px;">背景色:</i>
            .dd
              .label.radio.on(name='cutOffTag', type=1) 显示
              .label.radio(name='cutOffTag', type=0) 不显示
              .normal_discount_color.input-group.colorpicker-component.colorpicker-element
                input.normal_discount_color_val.form-control(type="text", value="#fe8137")
                span.input-group-addon <i></i>
          .dl
            .dt 加车图标:
            .dd
              .label.radio.on(name='cart_icon', type=1) 显示
              .label.radio(name='cart_icon', type=0) 不显示
              .normal_tocart_color.input-group.colorpicker-component.colorpicker-element
                input.normal_tocart_color_val.form-control(type="text", value="#fff")
                span.input-group-addon <i></i>
          .dl
            .dt 模块底色:
            .dd
              .normal_bg.input-group.colorpicker-component.colorpicker-element
                input.normal_bg_val.form-control(type="text", value="#aaa")
                span.input-group-addon <i></i>
          .dl
            .dt buy now 按钮:
            .dd 背景色:
              .normal_buy_bg.input-group.colorpicker-component.colorpicker-element.magin_b10
                input.normal_buy_bg_val.form-control(type="text", placeholder="背景色", value="#ff8a00")
                span.input-group-addon <i></i>
              | 字体颜色:
              .normal_buy_color.input-group.colorpicker-component.colorpicker-element
                input.normal_buy_color_val.form-control(type="text", placeholder="字体颜色", value="#fff")
                span.input-group-addon <i></i>
          .dl
            .dt 模块 class:
            .dd
              .ms_input
                input.form-control.ms_field(type="text", placeholder="")
                | (选填)

          .editorBox
            h2.common_h2 附加css/js
            h3.additional css:
            textarea.template
            h3.additional js:
            textarea.style

      i.normal_saveBtn.saveBtn(index=index/2) 保存此模块
  